/* CSS di Leonardo Condemi */
/*stili per il layout fisso*/
html,body{margin: 0;padding:0}
/*body{font-family: arial,sans-serif;font-size: 76%;text-align: center}*/
/*body{font: normal 80% arial; text-align: center; background-image:url('../images/DSC01220-b.jpg'); background-color:rgb(160,223,239);}*/
body{font: normal 80% arial; text-align: center;
background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(245,245,245) 50%, rgb(235,235,235) 75%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(245,245,245) 50%, rgb(235,235,235) 75%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(245,245,245) 50%, rgb(235,235,235) 75%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(245,245,245) 50%, rgb(235,235,235) 75%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(245,245,245) 50%, rgb(235,235,235) 75%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(255,255,255)),
	color-stop(0.5, rgb(245,245,245)),
	color-stop(0.75, rgb(235,235,235))
);}

div#container{width: 1000px;margin: 0 auto;text-align: left;
    /*border-left: 2px solid #36c;border-right: 2px solid #36c*/
    border: 2px solid #36c;background-color:#fff}

/*stili generici, su header e footer*/
div#header{background-color:#fff;color: #000;}
div#sub_header{background-color:#fff;color: #000}
h1,h2,h3{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 2em}
h3{color: #999;font-size: 1.5em; text-align:right;padding-right:1em}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}
.logo{float:right; width: 180px; height: 85px}
p.small {font-size: 1.3em; line-height:30%}
hr{color: #36c;}

/*elenco con virgolette e senza*/
blockquote {background: url(images/quote.gif) no-repeat; display: block; font-weight: bold; font-style:italic; padding-left: 28px;}

/*image sezioni*/
.energia02{width: 453px; height: 338px; display: block; margin-left: auto; margin-right: auto}
/*.energia02{width: 362px; height: 270px; display: block; margin-left: auto; margin-right: auto}*/
.energia03{width: 404px; height: 304px; display: block; margin-left: auto; margin-right: auto}
.energia05{display: block; margin-left: auto; margin-right: auto}
.idraulica{float:right; width: 200px; height: 200px}
.progettazione01{display: block; margin-left: auto; margin-right: auto; width: 500; height: 250px}
.progettazione02{float:right; width: 200px; height: 100px; margin-right: 0px; margin-left: 10px; }

/*stili specifici per il layout*/
div#navigation{float:right; width: 220px;}
div#content{margin-right: 220px; padding: 1em; text-align:justify;}
div#footer{clear:right; text-align:center; padding: 0.5em; background-color: #69c; color: #FFF; font-weight: bold;}
div#column{float:left; width: 25%; text-align:center}
p.home {font-size:1.3em;text-align:justify;}

/*stili per il menù*/
div#navigation ul{margin: 1em 0 1em 1em;padding: 0; list-style-type: none;}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#369;font: normal bold 1.2em/1.6em Tahoma,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: bold}
div#navigation a#activelink{color: #033;text-decoration: none}</style>

/*padding right sulla tabella delle news*/
.tabnews td{padding-top: 10px; padding-bottom: 10px;}

/*citazione homepage*/
.citazione{text-align:center; padding: 0.5em; font: italic bold 1.2em/1.6em Tahoma,sans-serif; color: #000;}

/*news scroller */
.ticker {
	width: 500px;
	height: 60px;
	overflow: hidden;
	border: 1px solid #DDD;
	margin: 0;
	list-style: none;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #DDD;
}
#ticker {height: 60px;}
#ticker li {height: 60px;text-align:justify;font-size:1.1em;}
.ticker li {
	border-bottom: 1px dotted #DDD;
	padding: 5px;
}

/*language flags*/
.center{margin:auto;width:50%;}
.center2{margin:auto;width:30%;}
.flag{width: 40px; height: 40px}
